				html,
				body {
				  height: 100%;
				}
				
				body {
				  display: flex;
				  align-items: center;
				  padding-top: 40px;
				  padding-bottom: 40px;
				  background-color: #f5f5f5;
				}
				
				.form-signin {
				  width: 100%;
				  max-width: 330px;
				  padding: 15px;
				  margin: auto;
				}
				
				.form-signin .checkbox {
				  font-weight: 400;
				}
				
				.form-signin .form-floating:focus-within {
				  z-index: 2;
				}
				

				

		      .bd-placeholder-img {
		        font-size: 1.125rem;
		        text-anchor: middle;
		        -webkit-user-select: none;
		        -moz-user-select: none;
		        user-select: none;
		      }
		
		      @media (min-width: 768px) {
		        .bd-placeholder-img-lg {
		          font-size: 3.5rem;
		        }
		      }
		
		      .b-example-divider {
		        height: 3rem;
		        background-color: rgba(0, 0, 0, .1);
		        border: solid rgba(0, 0, 0, .15);
		        border-width: 1px 0;
		        box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
		      }
		
		      .b-example-vr {
		        flex-shrink: 0;
		        width: 1.5rem;
		        height: 100vh;
		      }
		
		      .bi {
		        vertical-align: -.125em;
		        fill: currentColor;
		      }